Ext.define('app.view.ViewportResource', {
	extend : 'Ext.container.Viewport',
	alias : 'widget.ViewportResource',
	layout : 'fit',// 不可缺，缺了行不显示内容
	requires : ['Ext.grid.Panel', 'Ext.grid.column.Check', 'Ext.grid.View',
			'Ext.toolbar.Toolbar', 'Ext.button.Button', 'Ext.toolbar.Paging'],
	tools : [{
				type : 'pin'
			}],
	layout : {
		type : 'border',
		padding : 5
	},
	items : [{
		region : 'west',
		width : 290,
		margins : '2 5 5 2',
		title : '查询条件',
		layout : 'form',
		split : true,
		collapsible : true,
		collapsed : true,
		floatable : false,
		name : 'fromWest',
		frame : true,
		items : [ {
					xtype : 'textfield',
					name : 'ip',
					anchor : '90%',
					id:'ip',
					fieldLabel : 'IP地址'
				} ],
		buttons : [{
					text : '查询',
					name : 'queryBu',
					handler : function() {
						this.ownerCt.ownerCt.ownerCt.items.items[3].store.load();
					}
				}, {
					text : '重置',
					handler : function() {
						this.ownerCt.ownerCt.items.items[0].setValue(null);
						this.ownerCt.ownerCt.items.items[1].setValue("");
						this.ownerCt.ownerCt.items.items[2].setValue("");
					}
				}]

	}, {
		region : 'center',
		xtype : 'gridpanel',
		id:'ResourceGrid',
		store : 'Resources',
		stripeRows : true,
		enableHdMenu:false,
		autoScroll : true,
		autoHeight : true,
		columns : [{
					text : "ID",
					dataIndex : 'id',
					sortable : true,
					hidden : true
				}, {
					text : "IP地址",
					width:180,
					dataIndex : 'ip',
					sortable : true
				}, {
					text : "端口",
					dataIndex : 'port',
					width:80,
					sortable : true 
				}, {
					text : "加密方式",
					dataIndex : 'crypto_method',
					width:80,
					sortable : true 
				}, {
					text : "标签",
					dataIndex : 'del',
					width:80,
					sortable : true ,
					renderer : function(value) { 
						if(value==null){
							return "正常状态";
						}else if(value==1){
							return "快";
						}else if(value==2){
							return "慢";
						}else if(value==3){
							return "不可用";
						}
					}
				}, {
					text : "状态",
					dataIndex : 'stock',
					sortable : true,
					width:90,
					renderer : function(value) { 
						if(value==null||value==0){
							return "空闲";
						}else{
							return "占用";
						}
					}
				}, {
					text : "资源类型",
					dataIndex : 'type',
					width:90,
					sortable : true 
				}/*, {
					text : "分配盒子",
					dataIndex : 'stock',
					width:190,
					sortable : true ,
					renderer : function(value) { 
						if(value==null||value==0){
							return "";
						}else{
							var result = "";
							for(var i=0,len=value.box_mac.length;i<len;i++){
							    result += value.box_mac[i];
							    if(i % 2 == 1&&(i!=value.box_mac.length-1)) result += ':';
							}
							return result;
						}
					}
				}, {
					text : "分配时间",
					dataIndex : 'stock',
					width:190,
					sortable : true ,
					renderer : function(value) {  
						if(value==null||value==0){
							return "";
						}else{
							return value.stock_chu_time;
						}
					}
				}*/],
		selModel : {
			selType : 'checkboxmodel'
		},
		viewConfig:{
			enableTextSelection:true
		},
		dockedItems : [{
					xtype : 'toolbar',
					dock : 'top',
					items : [{
								xtype : 'button',
								name : 'add',
								icon:'../../../images/add.png',
								tooltip : '添加'
							},'-', {
								xtype : 'button',
								name : 'del',
								icon:'../../../images/delete.png',
								tooltip : '删除'
							}, '-',{
								xtype : 'button',
								name : 'import',
								icon:'../../../images/up.gif',
								tooltip : '批量导入'
							},'->', {
							xtype : 'button',
							name : 'import_info',
							text : '导入说明'
						}]
				}, {
					xtype : 'pagingtoolbar',
					dock : 'bottom',
					displayInfo : true,
					store : 'Resources',
					items : ['-', {
								xtype : 'label',
								text : '每页显示',
								style : 'margin-left:5px;margin-right:5px;'
							}, {
								xtype : 'combo',
								store : 'BbarComboBox',
								valueField : 'id',
								displayField : 'name',
								mode : 'local',
								triggerAction : 'all',
								fieldLabel : '',
								editable : false,
								width : 60,
								listeners : {
									"beforerender" : function(store, options) {
										this.value = 50;
									},
									"select" : function(combo, record, index) {
										if (combo.getValue() == 0) {
											this.ownerCt.ownerCt.store.pageSize = this.ownerCt.ownerCt.store
													.getTotalCount();
										} else {
											this.ownerCt.ownerCt.store.pageSize = combo
													.getValue();
										}

										this.ownerCt.ownerCt.store.load({
											params : {
												start : 0,
												limit : this.ownerCt.ownerCt.store.pageSize
											}
										});
									}
								}
							}, {
								xtype : 'label',
								text : '记录',
								style : 'margin-left:5px;'
							}]
				}]
	}]

});